
*
{
    margin: 0px;
    padding: 0px;
}
html
{
    height: 100%;
}
body
{
    background-images: url(./images/bg03.jpg);
    height: auto; /*transform: scale(1);*/
    transform-origin: center top 0px;
}
body
{
    background: url(../images/cloud.png) 0 bottom repeat-x #049ec4;
    -webkit-animation: animate-cloud 20s linear infinite;
    -moz-animation: animate-cloud 20s linear infinite;
    -ms-animation: animate-cloud 20s linear infinite;
    -o-animation: animate-cloud 20s linear infinite;
    animation: animate-cloud 20s linear infinite;
    width: 100%;
    height: auto;
}

.main
{
    /*width: 100%;*/
    height: auto;
    background-size: 100% 100%;
    margin: auto;
    background-images: url(./images/huabian.png);
    background-repeat: no-repeat; /*background-position: 5% 5%;*/
    background-size: 73% 100%;
    background-position: 50% 40%;
}


input
{
    width: 45%;
    height: 3em;
    background-color: rgba(224, 227, 232, 0.11);
    margin-left: 23%;
    border-radius: 5px; /*margin: auto;*/
    opacity: 1;
    outline-style: none;
    border: 1px solid rgba(239, 239, 239, 0.15);
    font-size: 1em;
    color: #bdc0b8;
    font-family: "微软雅黑";
    padding-left: 40px;
    margin-top: 4%;
}
input:focus
{
    background-color: rgba(196, 199, 204, 0.40); /*border: 1px solid #7FCAF1;*/
    box-shadow: 0px 0px 5px rgba(241, 237, 239, 0.35);
    opacity: 1;
}
#submit
{
    width: 51.2%;
    height: 3em;
    font-size: 1em;
    background-color: rgba(0, 133, 159, 0.96);
    font-weight: bolder;
    font-family: "微软雅黑";
    opacity: 1;
    margin-left: 22.9%;
}
#submit:active
{
    background-color: rgba(0, 113, 136, 0.96);
    top: 5px;
    box-shadow: 0px 0px 5px rgba(241, 237, 239, 0.35);
}
.main .center
{
    width: 35%;
    height: 25em;
    padding: 5% 0% 0% 0%;
    background-images: url(./images/center.png);
    background-size: 170% 150%;
    background-position: 53% 49%;
    opacity: 1;
    margin: auto;
    margin-top:5%;
    font-size: 14px;
    color: #cccccc;
    border: 1px solid #ccd6de;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.6);
    border-radius: 8px;
}

#user_pass
{
    display: block;
    position: absolute;
    width: 17%;
    height: auto; /*background-color: red;*/
    margin-left: -2%; /*margin-top: -2.3%;*/
}
#pwd_pass
{
    display: block;
    position: absolute;
    width: 14%;
    height: auto; /*background-color: red;*/
    margin-left: -2%;
}

#surePwd_pass
{
    display: block;
    position: absolute;
    width: 14%;
    height: auto; /*background-color: red;*/
    margin-left: -2%;
}
#surePwd
{
    background-images: url(./images/we2.png);
    background-repeat: no-repeat;
    background-position: 96%;
    background-size: 20% 78%;
}

.Cone
{
    color: #adadad;
    position: absolute;
    margin-left: 8.3%;
    margin-top: 2%;
    height: 50px;
    font-size: 1.35em;
}

